﻿@{
    ViewBag.Title = "Index";
}
<h2>
    Index</h2>
<br />
<h2>
    jQuery UI Hello World</h2>
<button id="show-dialog">
    Click to see jQuery UI in Action</button>
<button id="btn" class="btn blueButton">
    Click to see jQuery UI in Action</button>
<button id="bbb">
    This UI button</button>

    <a href="#" id="btnLnk">An anchor</a>
<input type="button" id="c" value="Update" />
<div id="dialog" title="jQuery UI in ASP.NET MVC">
    <p>
        You now have the power of ASP.NET, the simplicity of client-side scripting with
        jQuery, and the looks of jQuery UI. Congrats, web slinger!</p>
</div>
<script language="javascript" type="text/javascript">
    $(function () {
        $('#dialog').dialog({
            autoOpen: false,
            width: 600,
            buttons: {
                "Ok": function () { $(this).dialog("close"); },
                "Cancel": function () { $(this).dialog("close"); }
            }
        });
        $("#show-dialog").button().click(function () {
            $('#dialog').dialog('open');
            return false;
        });

        
    }); 
</script>
